{extends file="../public/layout.tpl"}
{block name="body"}
    <div data-options="region:'north',border:false" style="height:70px;">
        <h1 style="padding:20px 0 0 10px; margin: 0;">EasyUI+CodeIgniter</h1>
    </div>
    <div data-options="region:'west',split:true,title:'West'" style="width:150px;">

        <ul class="easyui-tree">
            <li>
                <span>My Documents</span>
                <ul>
                    <li><a href="javascript:App.addTab('iframeTest', 'asdfasdfasdf')">添加文章</a></li>
                </ul>
            </li>

        </ul>
    </div>
    <div data-options="region:'east',split:true,collapsed:true,title:'East'" style="width:100px;padding:10px;">east region</div>
    <div data-options="region:'center'">
        <div id="easyui-tabs" class="easyui-tabs" data-options="fit:true,border:false,plain:true">
            <div class="panel" title="iframe">
                <iframe src="home/get_json"  scrolling="no" style="width:100%;height:99%;" frameborder="0"></iframe>
            </div>
        </div>
    </div>
{/block}
{block name="head"}
    <script type="text/javascript">
        var App = {
            "addTab" : function(title, content){
                $('#easyui-tabs').tabs('add', {
                    title: title,
                    content: content,
                    closable: true
                }).tabs({
                    // 判断是否添加待办事项页，如果是添加单击标题是刷新页面操作

                });
            }
        };
    </script>
{/block}